<!DOCTYPE html>
<html lang="en">
<link rel="icon" href="https://19jwshow.oss-cn-shenzhen.aliyuncs.com/recruit/icon/H.png" type="image/x-icon">

<head>
    <meta charset="UTF-8">
    <title>聘到了-找回密码</title>
    <link rel="stylesheet" href="../assets/public/css/toastr.css">
    <link rel="stylesheet" href="../assets/public/css/common.css">
    <link rel="stylesheet" href="../assets/public/css/PublicLogin.css">
    <link rel="stylesheet" href="../assets/css/RetrievePassword.css">

    <script src="../assets/public/js/jquery-1.12.4.js"></script>
    <script src="../assets/public/js/toastr.js"></script>
    <script src="../assets/public/js/Interceptor.js"></script>
    <script src="../assets/js/RetrievePassword.js"></script>
</head>
<body>
<div id="Commontop"></div>
<div id="header">
    <div class="header">
        <img src="https://19jwshow.oss-cn-shenzhen.aliyuncs.com/recruit/companyLogo/RetrievePasswordLogo.png" alt="">
        <div></div>
        <span>找回密码</span>
    </div>
</div>
<div id="con">
    <div class="con_top">
        <ul>
            <li style="color: #ff511c">
                <span>01</span><br>
                <span>填写账号</span>
            </li>
            <div></div>
            <li>
                <span>02</span><br>
                <span>验证身份</span>
            </li>
            <div></div>
            <li>
                <span>03</span><br>
                <span>重置密码</span>
            </li>
            <div></div>
            <li>
                <span>04</span><br>
                <span>重置成功</span>
            </li>
        </ul>
    </div>
    <div class="con_bottom">
        <div class="cb_box">
            <div class="cb_box2 ">
                <p class="cb_text" style="margin-right: 330px;">手机号</p>
                <input type="text" class="cb_inp" id="RetrievePhone" style="margin: 15px 0;" placeholder="请输入您绑定的手机号">
                <p id="bindPhoneError" class="error"></p>
                <button class="cb_btn" id="p_Retrieve">确认</button>
            </div>
            <div class="cb_box2 ">
                <p class="cb_text" style="margin-right: 330px;">验证</p>
                <div><input type="text" class="cb_inp" id="RetrieveCode" style="margin: 15px 0;width: 245px;"
                            placeholder="请输入短信验证码">

                    <button class="cb_sendbtn" onclick="limitedTime($(this))">获取验证码</button>

                    <p id="codeError" class="error"></p>
                </div>
                <button class="cb_btn" id="verifyBtn">确认</button>
            </div>

            <div class="cb_box2 ">
                <p class="cb_text" style="margin-right: 330px;">新密码</p>
                <input type="password" class="cb_inp" id="RetrieveNewPass" style="margin: 20px 0;"
                       placeholder="新密码:6~10位字符，区分大小写">
                <p id="PassError" class="error"></p>

                <p class="cb_text" style="margin-right: 330px;">确认密码</p>
                <input type="password" class="cb_inp" id="RetrieveNewRePass" style="margin: 20px 0;"
                       placeholder="请输入确认密码">
                <p id="rePassError" class="error"></p>
                <button class="cb_btn" id="RetrievePassBtn">确认</button>

            </div>
            <div class="cb_box2 ">
                <svg width="200" height="200">
                    <circle class="circle" fill="none" stroke="#33da33" stroke-width="10" cx="100" cy="100" r="80"
                            stroke-linecap="round" transform="rotate(-90 100 100)"/>
                    <polyline class="tick" fill="none" stroke="#33da33" stroke-width="12" points="50,105 86,142 152,79"
                              stroke-linejoin="round"
                              stroke-linecap="round"/>
                </svg>
                <p class="success_text">重置密码成功</p>
            </div>
        </div>

    </div>
</div>
</body>
</html>